<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>校外人员入校申请填报</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit">
    <link href="/assets/css/frontend.css?v=1591683153" rel="stylesheet">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
    <script src="/assets/js/html5shiv.js"></script>
    <script src="/assets/js/respond.min.js"></script>
    <![endif]-->
    <link href="/assets/css/user.css?v=1591683153" rel="stylesheet">
    <style>
        .navbar-inverse {
            margin-bottom: 0;
            color: #fff;
            text-align: center;
            font-size: 18px;
            line-height: 50px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        main.content {
            margin: 0;
            padding: 0;
            background-color: #efefef;
            height: 100%;

        }

        main.content div {
            background-color: inherit;

        }

        .headerbg img {
            width: 100%;
        }

        @media (min-width: 800px) {
            .fix-width {
                width: 800px;
                margin: 0 auto;
            }

            main.content {
                width: 800px;
                margin: 0 auto;
            }
        }

        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
            background-color: #a72a2a;
        }

        .navbar-inverse .navbar-nav > li > a {
            color: #fff;
        }

        nav.bottom-nav {
            background-color: #f3f0f0;
            padding-top: 8px;
            height: 50px;
            line-height: 20px;
            font-size: 13px;
        }

        nav.bottom-nav a {
            color: #a72a2a;
        }

        .page__title {
            padding: 0px 40px;
            margin-top: 5px;
            font-size: 20px;
            color: #333;
            text-align: center;
        }
    </style>
</head>
<body>
<style type="text/css" media="screen">

    .weui-cells__title {
        color: #000;
        font-size: 17px;
    }

    .weui-cell::before {
        border-top: none;
    }

    .weui-cells::before {
        border-top: none;
    }

    .weui-cells::after {
        border-bottom: none;
    }

    .my-weui-cell {
        /* border-top: 1px solid #e5e5e5; */
        border-bottom: 1px solid #e5e5e5;
    }

    .inline-input {
        border: 1px solid #ccc;
        display: inline;
        width: 150px;
    }

    .page__hd {
        /* padding: 0px; */
        padding: 0px 5px;
        padding-top: 10px;
        /* border: 1px solid #000; */
    }

    .page__title {
        margin-top: 5px;
        font-size: 20px;
        color: #333;
        text-align: center;
    }

    .weui-panel__hd {
        font-size: 15px;
    }

    .weui-dialog__bd {
        text-align: left;
    }

    .weui-dialog__ft {
        /*display: none;*/
    }
</style>
<nav class="navbar navbar-inverse navbar-fixed-top fix-width bg-red" role="navigation" style="background-color: #3498db !important;">
    校外人员入校申请填报
</nav>
<main class="content fix-width">
    <style>
        .container {
            overflow: auto;
            padding-right: 0;
            padding-left: 0;
            max-width: 800px;
        }

        .user-section {
            border: none;
        }

        .login-section {
            width: auto;
            margin-top: 50px !important;
            padding-top: 0 !important;
        }

        .login-main {
            /*margin-top: 20px;*/
        }

        ::-webkit-scrollbar {
            display: none
        }

        .controls {
            padding-left: 15px;
        }

        .form-group {
            padding-left: 30px;
        }

        .weui-btn {
            margin: 0 10px;
        }
    </style>

    <div class="user-section login-section">
        <div class="login-main">
            <form name="form1" id="form1" role="form" data-toggle="validator" method="POST" action="">
                <div class='weui-mask_transparent' id="toast">
                    <div class="weui-toast weui_loading_toast weui-toast--visible">
                        <div class="weui_loading">
                            <i class="weui-loading weui-icon_toast"></i>
                        </div>
                        <p class="weui-toast_content">数据加载中</p>
                    </div>
                </div>
                <div class="page" style="margin-top: 25px;padding-bottom: 20px;">
                    <div class="page__bd">
                        <div class="weui-cells weui-cells_form">
                            <div class="my-weui-cell">
                                <div class="weui-cells__title">学生姓名</div>
                                <div class="weui-cell">
                                    <div class="weui-cell__bd">
                                        <input class="weui-input" type="text" required name='row[nickname]'
                                               id='nickname'
                                               placeholder="请输入学生姓名" emptyTips="请输入学生姓名">
                                    </div>
                                    <div class="weui-cell__ft">
                                        <i class="weui-icon-warn"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="my-weui-cell">
                                <div class="weui-cells__title" id="tel_lable">身份证正面上传</div>
                                <div class="weui-cells weui-cells_form">
                                    <div class="weui-cell">
                                        <div class="weui-cell__bd">
                                            <div class="weui-uploader">
                                                <div class="weui-uploader__hd">
                                                    <p class="weui-uploader__title">图片上传</p>
                                                    <div class="weui-uploader__info1 "><span id="uploadCount">0</span>/1
                                                    </div>
                                                </div>
                                                <div class="weui-uploader__bd">
                                                    <ul class="weui-uploader__files image-previewer-box" id="uploaderFiles1">
                                                        
                                                    </ul>
                                                    <div class="weui-uploader__input-box">
                                                        <input id="uploaderInput1" class="weui-uploader__input"
                                                               type="file" accept="image/*"/>
                                                        <input id="card_pic_input" name="row[card_pic]"
                                                               type="hidden"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="my-weui-cell">
                                <div class="weui-cells__title" id="tel_lable">准考证拍照上传</div>
                                <div class="weui-cells weui-cells_form">
                                    <div class="weui-cell">
                                        <div class="weui-cell__bd">
                                            <div class="weui-uploader">
                                                <div class="weui-uploader__hd">
                                                    <p class="weui-uploader__title">图片上传</p>
                                                    <div class="weui-uploader__info4 "><span id="uploadCount">0</span>/1
                                                    </div>
                                                </div>
                                                <div class="weui-uploader__bd">
                                                    <ul class="weui-uploader__files image-previewer-box" id="uploaderFiles4">
                                                        
                                                    </ul>
                                                    <div class="weui-uploader__input-box">
                                                        <input id="uploaderInput4" class="weui-uploader__input"
                                                               type="file" accept="image/*"/>
                                                        <input id="exam_pic_input" name="row[exam_pic]"
                                                               type="hidden"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- <div class="my-weui-cell">
                                <div class="weui-cells__title" id="tel_lable">绿色健康通行码(截图)</div>
                                <div class="weui-cells weui-cells_form">
                                    <div class="weui-cell">
                                        <div class="weui-cell__bd">
                                            <div class="weui-uploader">
                                                <div class="weui-uploader__hd">
                                                    <p class="weui-uploader__title">图片上传</p>
                                                    <div class="weui-uploader__info "><span id="uploadCount">0</span>/1
                                                    </div>
                                                </div>
                                                <div class="weui-uploader__bd">
                                                    <ul class="weui-uploader__files image-previewer-box" id="uploaderFiles">
                                                        
                                                    </ul>
                                                    <div class="weui-uploader__input-box">
                                                        <input id="uploaderInput" class="weui-uploader__input"
                                                               type="file" accept="image/*"/>
                                                        <input id="healthy_pic_input" name="row[healthy_pic]"
                                                               type="hidden"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> -->

                            
                            <div class="my-weui-cell" id="div_tel">
                                <div class="weui-cells__title" id="tel_lable">手机号</div>
                                <div class="weui-cell">
                                    <div class="weui-cell__bd">
                                        <input class="weui-input" type="tel" name='row[tel]' id='tel' required
                                               pattern="[0-9]{11}"
                                               maxlength="11" placeholder="请填写手机号" notMatchTips="请输入正确的手机号"
                                               emptyTips="请填写手机号">
                                    </div>
                                    <div class="weui-cell__ft">
                                        <i class="weui-icon-warn"></i>
                                    </div>
                                </div>
                            </div>

                            <div class="my-weui-cell" id="div_tel">
                                <div class="weui-cells__title" id="tel_lable">就读高中</div>
                                <div class="weui-cell">
                                    <div class="weui-cell__bd">
                                        <input class="weui-input" type="text" name='row[high_school]'  required
                                            placeholder="请填写就读高中" notMatchTips="请输入正确的就读高中"
                                            emptyTips="请填写就读高中">
                                    </div>
                                    <div class="weui-cell__ft">
                                        <i class="weui-icon-warn"></i>
                                    </div>
                                </div>
                            </div>

                            <div class="my-weui-cell">
                                <div class="weui-cells__title">访问事由</div>
                                <div class="weui-cells weui-cells_form">
                                    <div class="weui-cell">
                                        <div class="weui-cell__bd">
                                <textarea id="memo" class="weui-textarea" placeholder="请输入" required rows="2"
                                          name="row[memo]"></textarea>
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="my-weui-cell">
                                <div class="weui-cells__title" id="tel_lable">预约入校时间</div>
                                <div class="weui-cell">
                                    <div class="weui-cell__bd">
                                        <input class="weui-input datetime-picker" required type="text"
                                               name='row[admission_time]'
                                               placeholder="请选择预约入校时间" emptyTips="请选择预约入校时间">
                                    </div>
                                    <div class="weui-cell__ft">
                                        <i class="weui-icon-warn"></i>
                                    </div>
                                </div>
                            </div>
                            

                            <div class="my-weui-cell" style="color:red;text-align: center;height:50px;line-height: 50px;">
                                *过期作废
                            </div>
                            

                            <div class="my-weui-cell">
                                <div class="weui-cells__title">监护人姓名</div>
                                <div class="weui-cell">
                                    <div class="weui-cell__bd">
                                        <input class="weui-input" type="text" required name='row[guarder_name]'
                                               id='guarder_name'
                                               placeholder="请输入监护人姓名" emptyTips="请输入监护人姓名">
                                    </div>
                                    <div class="weui-cell__ft">
                                        <i class="weui-icon-warn"></i>
                                    </div>
                                </div>
                            </div>


                            <div class="my-weui-cell">
                                <div class="weui-cells__title">与学生关系</div>
                                <div class="weui-cell">
                                    <div class="weui-cell__bd">
                                        <input class="weui-input" type="text" required name='row[relevance]'
                                               id='relevance'
                                               placeholder="请输入与学生关系" emptyTips="请输入与学生关系">
                                    </div>
                                    <div class="weui-cell__ft">
                                        <i class="weui-icon-warn"></i>
                                    </div>
                                </div>
                            </div>

                            <div class="my-weui-cell">
                                <div class="weui-cells__title" id="tel_lable">监护人身份证正面(截图)</div>
                                <div class="weui-cells weui-cells_form">
                                    <div class="weui-cell">
                                        <div class="weui-cell__bd">
                                            <div class="weui-uploader">
                                                <div class="weui-uploader__hd">
                                                    <p class="weui-uploader__title">图片上传</p>
                                                    <div class="weui-uploader__info2 "><span id="uploadCount">0</span>/1
                                                    </div>
                                                </div>
                                                <div class="weui-uploader__bd">
                                                    <ul class="weui-uploader__files image-previewer-box" id="uploaderFiles2">
                                                        
                                                    </ul>
                                                    <div class="weui-uploader__input-box">
                                                        <input id="uploaderInput2" class="weui-uploader__input"
                                                               type="file" accept="image/*"/>
                                                        <input id="guarder_card_pic_input" name="row[guarder_card_pic]"
                                                               type="hidden"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- <div class="my-weui-cell">
                                <div class="weui-cells__title" id="tel_lable">监护人绿色健康通行码(截图)</div>
                                <div class="weui-cells weui-cells_form">
                                    <div class="weui-cell">
                                        <div class="weui-cell__bd">
                                            <div class="weui-uploader">
                                                <div class="weui-uploader__hd">
                                                    <p class="weui-uploader__title">图片上传</p>
                                                    <div class="weui-uploader__info3"><span id="uploadCount">0</span>/1
                                                    </div>
                                                </div>
                                                <div class="weui-uploader__bd">
                                                    <ul class="weui-uploader__files image-previewer-box" id="uploaderFiles3">
                                                        
                                                    </ul>
                                                    <div class="weui-uploader__input-box">
                                                        <input id="uploaderInput3" class="weui-uploader__input"
                                                               type="file" accept="image/*"/>
                                                        <input id="guarder_healthy_pic_input" name="row[guarder_healthy_pic]"
                                                               type="hidden"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> -->

                            <div class="my-weui-cell" id="div_tel">
                                <div class="weui-cells__title" id="tel_lable">监护人手机号</div>
                                <div class="weui-cell">
                                    <div class="weui-cell__bd">
                                        <input class="weui-input" type="tel" name='row[guarder_tel]' id='guarder_tel' required
                                               pattern="[0-9]{11}"
                                               maxlength="11" placeholder="请填写监护人手机号" notMatchTips="请输入正确的手机号"
                                               emptyTips="请填写监护人手机号">
                                    </div>
                                    <div class="weui-cell__ft">
                                        <i class="weui-icon-warn"></i>
                                    </div>
                                </div>
                            </div>


                            <div class="my-weui-cell">
                                <div class="weui-cells__title" id="tel_lable">工作单位</div>
                                <div class="weui-cell">
                                    <div class="weui-cell__bd">
                                        <input class="weui-input" type="text" name='row[work_unit]' id='text' required
                                               placeholder="请填写工作单位" emptyTips="请填写工作单位">
                                    </div>
                                    <div class="weui-cell__ft">
                                        <i class="weui-icon-warn"></i>
                                    </div>
                                </div>
                            </div>



                            <div class="my-weui-cell" style="margin-top: 15px;text-align: center">
                                <button id="formSubmitBtn" type="button" class="weui-btn weui-btn_mini weui-btn_success">提交</button>
                                <button type="button" class="weui-btn weui-btn_mini weui-btn_success" onclick="window.location.href = 'view'">返回</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

</main>

<div style="display: none">
    <script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1278607366&web_id=1278607366"></script>
</div>
<script type="text/javascript">
    var wait = 0;
    var interval = setInterval(function () {
        var time = --wait;
        if (time <= 0) {
            document.getElementById('toast').style.display = "none";
        }
    }, 1000);
</script>
</body>
</html>